import React, { Component } from 'react'
import { Image, StyleSheet, View, Dimensions } from 'react-native'

export default class ImageDemo extends Component {
  render() {
    return (
      <View style={[styles.container]}>
<Image
  style={styles.slideItem}
  source={require('../../images/1.jpg')}
/>
<Image
  style={styles.mediumLogo}
  source={{
    uri: 'https://reactnative.dev/img/tiny_logo.png',
  }}
/>
<Image
  style={styles.logo}
  source={{
    uri:
      '',
  }}
/>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  },
  slideItem: {
    width: Dimensions.get('window').width,
    height: 220,
    marginBottom: 20
  },
  mediumLogo: {
    width: 150,
    height: 150,
    borderRadius: 75,
    marginBottom: 20
  },
  logo: {
    width: 66,
    height: 58,
    marginBottom: 20
  },
});
